<template>
	<view class="page">
		<view class="back_info" @tap.stop="back">
			<image :src='STATIC_URL+"496.png"' mode=""></image>
		</view>
		<video id="videoId" v-if="videoplay" object-fit="contain" :src="videoUrl" autoplay></video>
	</view>

</template>
<script>
	export default {
		components: {},
		data() {
			return {
				videoplay: false,
				videoUrl: "",
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			this.videoContext = uni.createVideoContext('videoId', this);
			this.videoUrl = options && decodeURIComponent(options.src)
			// this.videoContext.requestFullScreen({ direction: 90});  //direction: 90  这个是控制全屏的时候视屏旋转多少度
			this.videoContext.play();
			this.videoplay = true; // 显示播放盒子
		},
		onUnload() {},
		onReady() {},
		onShow(options) {},
		onPullDownRefresh() {},
		onReachBottom(e) {},
		onPageScroll(e) {},
		methods: {
			back() {
				uni.navigateBack()
			}
		}
	};
</script>
<style lang="scss" scoped>
	video {
		height: 100vh;
		width: 100vw;
	}

	page {
		background: rgba(0, 0, 0, 0.3);
	}

	.page {
		position: relative;
	}
	.back_info {
		width: 32rpx;
		height: 32rpx;
		position: absolute;
		top: 54rpx;
		left: 24rpx;
		z-index: 10;
	
		image {
			width: 100%;
			height: 100%;
		}
	}
</style>